import React from 'react';
import { Divider, List, Typography, Row, Col } from 'antd';

const data = [
  {
    part1: '洪亮*, 马费成',
    part2: '面向大数据管理决策的知识关联分析与知识大图构建[J].管理世界,2022,38(01):207-219.',
    part3: 'PDF',
  },
  {
    part1: '洪亮*, 欧阳晓凤',
    part2: '金融股权知识大图的知识关联发现与风险分析[J].管理科学学报,2022,25(04):44-66.',
    part3: 'PDF',
  },
  {
    part1: 'Li R, He H, Wang R, Ruan S, He T, Bao J, Zhang J, Hong L, Zheng Y',
    part2:
      'TrajMesa: A Distributed NoSQL-Based Trajectory Data Management System. IEEE Transactions on Knowledge and Data Engineering. 2021.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*; Haoshuai Xu; Xiaoyue Shi',
    part2:
      'Constructing Ontology of Brain Areas and Autism to Support Domain Knowledge Exploration and Discovery, International Journal of Computational Intelligence Systems, 2021.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*; Wenjun Hou; Zonghui Wu; Huijie Han',
    part2:
      'A Cooperative Crowdsourcing Framework for Knowledge Extraction in Digital Humanities – Cases on Tang Poetry, Aslib Journal of Information Management, 2020.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*; Wenjun Hou; Lina Zhou',
    part2:
      'KnowPoetry: A Knowledge Service Platform for Tang Poetry Research Based on Domain-Specific Knowledge Graph, Library Trend, 69(3), 2020.',
    part3: 'PDF',
  },
  {
    part1: '邓诗琦， 洪亮*',
    part2: '面向智能应用的领域本体构建研究——以反电话诈骗领域为例. 数据分析与知识发现, 2019, 3(7).',
    part3: 'PDF',
  },
  {
    part1: '李瑞远，洪亮*',
    part2: '一种基于包含度的子图匹配方法. 软件学报, 2019.',
    part3: 'PDF',
  },
  {
    part1: '周莉娜，洪亮*，高子阳',
    part2: '唐诗知识图谱的构建及其智能知识服务设计[J].图书情报工作,2019,63(2):24-33.',
    part3: 'PDF',
  },
  {
    part1: 'Ruiyuan Li, Sijie Ruan, Jie Bao, Yanhua Li, Yingcai Wu, Liang Hong, Yu Zheng',
    part2:
      'Efficient Path Query Processing over Massive Trajectories on the Cloud. IEEE Transactions on Big Data, 2018.',
    part3: 'PDF',
  },
  {
    part1: 'Tieyun Qian, Bei Liu, Liang Hong*',
    part2:
      'Time and Location Aware POI Recommendation in LBSN. Journal of Computer Science and Technology, 2018',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong, Mengqi Luo, Ruixue Wang, Peixin Lu, Wei Lu, Long Lu',
    part2:
      'Big Data in Healthcare: Applications and Challenges. Data and Information Management, 2018.',
    part3: 'PDF',
  },
  {
    part1: 'Yuling Shi, Zhiyong Peng, Liang Hong*',
    part2:
      'SoC-constrained Team Formation with Self-Organizing mechanism in Social Networks. Knowledge-Based Systems, 2017.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong, Yu Zheng, Duncan Yung, Jingbo Shang, Lei Zou',
    part2:
      'Detecting Urban Black Holes Based on Human Mobility Data. In Proceeding of ACM SIGSPATIAL, 2015.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*, Lei Zou, Xiang Lian and Philip S. Yu',
    part2:
      'Subgraph Matching with Set Similarity in a Large Graph. IEEE Transaction on Knowledge and Data Engineering (TKDE), Vol. 27, No.9, pp 2507-2521, 2015.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*, Lei Zou, Cheng Zeng, Luming Zhang, Jian Wang , Jilei Tian',
    part2:
      'Context-aware Recommendation Using Role-based Trust Network. ACM Transactions on Knowledge Discovery from Data (TKDD)，Vol. 10, No. 2, 2015.',
    part3: 'PDF',
  },
  {
    part1: 'Luming Zhang, Meng Wang, Liqiang Nie, Liang Hong*, Yong Rui, Qi Tian',
    part2: 'Retargeting Semantically-Rich Photos. IEEE Transactions on Multimedia (IEEE MM), 2015.',
    part3: 'PDF',
  },
  {
    part1: 'Liang Hong*, Lei Zou, Cheng Zeng, Luming Zhang, Jian Wang , Jilei Tian',
    part2:
      'Context-aware Recommendation Using Role-based Trust Network. ACM Transactions on Knowledge Discovery from Data (TKDD)，Vol. 10, No. 2, 2015.',
    part3: 'PDF',
  },
  {
    part1: 'Luming Zhang, Meng Wang, Liqiang Nie, Liang Hong*, Yong Rui, Qi Tian',
    part2: 'Retargeting Semantically-Rich Photos. IEEE Transactions on Multimedia (IEEE MM), 2015.',
    part3: 'PDF',
  },
];
const data2 = [
  '1. 基于知识图谱的科技安全风险预警系统. 计算机软件著作权.',
  '2. 基于知识图谱的金融风险分析与预警系统. 计算机软件著作权. 2021',
  '3. 洪亮, 欧阳晓凤, 陈昊冉.一种金融股权知识大图的多层股权穿透算法. 中国国家专利.',
  '4. 洪亮, 张禄佳, 欧阳晓凤. 基于知识图谱的金融知识查询服务接口设计与实现方法. 中国国家专利.',
  '5. Cheng Zeng, Jian Wang, Liang Hong, Jilei Tian, Xiaogang Yang and Huanhuan Cao. Enabling Advanced Context-Embedded User Profiles. 国际专利, 申请号: PCT/CN2011/073564.',
  '6. Liang Hong, Cheng Zeng Cheng, Jian Wang, Jilei Tian and Xiaogang Yang. Role-based Trust Network. 国际专利, 申请号: PCT/CN2011/074811.',
];
const divider = {
  fontSize: '20px',
  fontWeight: 'border',
  marginTop: '10px',
};
const hrstyle = {
  borderBottom: '2px solid #d0d0d0',
};
const liststyle = {
  border: '0px',
  overflow: 'auto',
};
const listitemstyle = {
  borderBottom: '2px solid #d0d0d0',
  height: '60px',
};

const itemTextStyle = {
  wordWrap: 'break-word' as const,
};
const itemTextStyle1 = {
  textDecoration: 'underline',
  color: 'purple',
};

const rowStyle = {
  width: '100%',
};
const rootStyle = {};
const App: React.FC = () => (
  <div style={rootStyle}>
    <br />
    <Divider orientation="left" style={divider}>
      学术论文
    </Divider>
    <hr style={hrstyle} />
    <List
      size="large"
      bordered
      dataSource={data}
      renderItem={(item) => (
        <List.Item style={listitemstyle}>
          <Row style={rowStyle}>
            <Col span={7}>
              <Typography.Text style={itemTextStyle}>{item.part1}</Typography.Text>
            </Col>
            <Col span={16}>
              <Typography.Text style={itemTextStyle}>{item.part2}</Typography.Text>
            </Col>
            <Col span={1}>
              <Typography.Text style={itemTextStyle1}>{item.part3}</Typography.Text>
            </Col>
          </Row>
        </List.Item>
      )}
      style={liststyle}
    />
    <br />
    <Divider orientation="left" style={divider}>
      发明专利
    </Divider>
    <hr style={hrstyle} />
    <List
      size="large"
      bordered
      dataSource={data2}
      renderItem={(item) => <List.Item style={listitemstyle}>{item}</List.Item>}
      style={liststyle}
    />
  </div>
);

export default App;
